<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>小米</title>
  <link rel="stylesheet" href="css/dome.css">
  <link rel="stylesheet" href="dist/font-awesome/css/._font-awesome.min.css">
  <script src="dist/js/jquery.3.1.1.js"></script>
</head>

<body>
  <header>
    <img src="img/header.png" alt="">
  </header>
  <div class="contant">
    <nav>
      <ul>
        <li>小米商城</li>
        <li>MIUI</li>
        <li>米聊</li>
        <li>游戏</li>
        <li>多看阅读</li>
        <li>云服务</li>
        <li>金融</li>
        <li>小米商城移动版</li>
        <li>问题反馈</li>
        <li>Select Region</li>
      </ul>
      <ul>
        <li>登陆</li>
        <li>注册</li>
        <li>消息通知</li>
        <li class="list_box">购物车(1)
        <p>占时没有商品</p>
        </li>
      </ul>
    </nav>
  </div>


  <div class="nav">
    <div class="img">
      <img src="img/logo.png" alt="">
      <img src="img/logo1.png" alt="">
    </div>
    <ul class="slide">
      <li>小米手机</li>
      <li>红米</li>
      <li>平板</li>
      <li>笔记本</li>
      <li>电视</li>
      <li>盒子</li>
      <li>影音</li>
      <li>路由器</li>
      <li>智能硬件</li>
      <li>服务</li>
      <li>社区</li>
    </ul>
    <ul class="slide_box">
    	<li><img src="img/6.jpg" alt="" /></li>
    	<li><img src="img/7.jpg" alt="" /></li>
    	<li><img src="img/8.jpg" alt="" /></li>
    	<li><img src="img/17.jpg" alt="" /></li>
    	<li><img src="img/18.jpg" alt="" /></li>
    	<li><img src="img/13.jpg" alt="" /></li>
    	<li><img src="img/6.jpg" alt="" /></li>
    	<li><img src="img/7.jpg" alt="" /></li>
    	<li><img src="img/8.jpg" alt="" /></li>
    	<li><img src="img/17.jpg" alt="" /></li>
    	<li><img src="img/18.jpg" alt="" /></li>
    	<li><img src="img/13.jpg" alt="" /></li>
    </ul>
    <div class="ipt">
      <input type="text" placeholder="电视4A 49”特惠 小米5c立减200">
      <button><img src="img/sou.png" alt=""></button>
    </div>
  </div>

  <div class="banner">
    <div class="container">
      <div>
            <img src="img/banner.jpg" alt="">
      </div>
      <div>
           <img src="img/banner1.jpg" alt="">
      </div>
      <div>
        <img src="img/banner2.jpg" alt="">
      </div>
    </div>
    <ol class="fang">
      <li class="on"></li>
      <li></li>
      <li></li>
    </ol>
    <div class="left">&lt;</span></div>
    <div class="right">&gt;</div>
    <ul class="aside">
      <li>
        手机 电话卡
        <span> > </span>
      </li>
      <li>笔记本 平板
        <span> > </span>
      </li>
      <li>电视 盒子 <span> > </span></li>
      <li>路由器 智能硬件 <span> > </span></li>
      <li>移动电源 电池 插板线 <span> > </span></li>
      <li>耳机 音响 <span> > </span></li>
      <li>保护套 贴膜 <span> > </span></li>
      <li>线材 支架 储存卡 <span> > </span></li>
      <li>箱包 服饰 鞋 眼睛 <span> > </span></li>
      <li>米面 生活周边 <span> > </span></li>
    </ul>
     <ul class="aside_box">
    	
    		<li>
    		<ul>
						<li>
										<img src="img/27.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/27.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/27.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/27.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/27.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/27.jpg" />
										<p>小米6</p>
									</li>
								</ul>
    	</li>
    	<li>
    		<ul>
						<li>
										<img src="img/28.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/28.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/28.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/28.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/28.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/28.jpg" />
										<p>小米6</p>
									</li>
								</ul>
    	</li>
    	<li>
    		<ul>
						<li>
										<img src="img/29.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/29.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/29.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/29.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/29.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/29.jpg" />
										<p>小米6</p>
									</li>
								</ul>
    	</li>
    	<li>
    		<ul>
						<li>
										<img src="img/30.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/30.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/30.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/30.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/30.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/30.jpg" />
										<p>小米6</p>
									</li>
								</ul>
    	</li>
    	<li>
    		<ul>
						<li>
										<img src="img/27.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/27.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/27.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/27.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/27.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/27.jpg" />
										<p>小米6</p>
									</li>
								</ul>
    	</li>
    	<li>
    		<ul>
						<li>
										<img src="img/27.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/27.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/27.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/27.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/27.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/27.jpg" />
										<p>小米6</p>
									</li>
								</ul>
    	</li>
    	<li>
    		<ul>
						<li>
										<img src="img/27.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/27.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/27.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/27.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/27.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/27.jpg" />
										<p>小米6</p>
									</li>
								</ul>
    	</li>
    	<li>
    		<ul>
						<li>
										<img src="img/27.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/27.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/27.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/27.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/27.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/27.jpg" />
										<p>小米6</p>
									</li>
								</ul>
    	</li>
    	<li>
    		<ul>
						<li>
										<img src="img/27.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/27.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/27.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/27.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/27.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/27.jpg" />
										<p>小米6</p>
									</li>
								</ul>
    	</li>
    </ul>
  </div>
  
  <ul class="mian">
    <li>
      <ul>
        <li>
          <img src="img/t1.png" alt="">
          <p>选购手机</p>
        </li>
        <li>
          <img src="img/t1.png" alt="">
          <p>企业团购</p>
        </li>
        <li>
          <img src="img/t2.png" alt="">
          <p>一元活动</p>
        </li>
        <li>
          <img src="img/t3.png" alt="">
          <p>小米移动</p>
        </li>
        <li>
          <img src="img/t4.png" alt="">
          <p>以旧换新</p>
        </li>
        <li>
          <img src="img/t5.png" alt="">
          <p>话费充值</p>
        </li>
      </ul>
    </li>
    <li><img src="img/01.jpg" alt=""></li>
    <li><img src="img/02.jpg" alt=""></li>
    <li><img src="img/03.jpg" alt=""></li>
  </ul>

  <p class="h3">小米明星单品</p>
  <ul class="mian1">
    <li>
      <img src="img/mian1.png" alt="">
      <p>红米note 4x</p>
      <p>4100mAh超长续航，多彩金属</p>
      <p>999元起</p>
    </li>
    <li>
      <img src="img/mian2.png" alt="">
      <p>红米note 4x</p>
      <p>4100mAh超长续航，多彩金属</p>
      <p>999元起</p>
    </li>
    <li>
      <img src="img/mian3.png" alt="">
      <p>红米note 4x</p>
      <p>4100mAh超长续航，多彩金属</p>
      <p>999元起</p>
    </li>
    <li>
      <img src="img/mian4.png" alt="">
      <p>红米note 4x</p>
      <p>4100mAh超长续航，多彩金属</p>
      <p>999元起</p>
    </li>
    <li>
      <img src="img/mian5.png" alt="">
      <p>红米note 4x</p>
      <p>4100mAh超长续航，多彩金属</p>
      <p>999元起</p>
    </li>
  </ul>
  <div id="box">
    <div class="box">
      <div class="div">
        <p class="h3">家电</p>
        <ul>
          <li>热门</li>
          <li>电视影音</li>
          <li>电脑</li>
          <li>家具</li>
        </ul>
      </div>
      <div class="div1">
        <div>
          <img src="img/1.jpg" alt="">
        </div>
        <ul>
          <li class="zhe ho">
            <img src="img/a.png" alt="">
            <p>小米电视4A 49英寸</p>
            <p>7.1-7.31 直降300</p>
            <p>2299元</p>
            <div class="con">
              可享6折
            </div>
          </li>
          <li class="zhe ho">
            <img src="img/4.jpg" alt="">
            <p>小米电视4A 49英寸</p>
            <p>7.1-7.31 直降300</p>
            <p>2299元</p>
            <div class="con">
              可享6折
            </div>
          </li>
          <li class="ho">
            <img src="img/5.jpg" alt="">
            <p>小米电视4A 49英寸</p>
            <p>7.1-7.31 直降300</p>
            <p>2299元</p>
          </li>
          <li>
            <img src="img/5.jpg" alt="">
            <p>小米电视4A 49英寸</p>
            <p>7.1-7.31 直降300</p>
            <p>2299元</p>
          </li>
          <li class="zhe ho">
            <img src="img/6.jpg" alt="">
            <p>小米电视4A 49英寸</p>
            <p>7.1-7.31 直降300</p>
            <p>2299元</p>
            <div class="cons">
              新品
            </div>
          </li>
          <li class="ho">
            <img src="img/7.jpg" alt="">
            <p>小米电视4A 49英寸</p>
            <p>7.1-7.31 直降300</p>
            <p>2299元</p>
          </li>
          <li class="ho">
            <img src="img/6.jpg" alt="">
            <p>小米电视4A 49英寸</p>
            <p>7.1-7.31 直降300</p>
            <p>2299元</p>
          </li>
          <li>
            <div class="ho">
              <div class="left">
                <p>米家扫地机</p>
                <p>2499元</p>
              </div>
              <div class="right">
                <img src="img/8.jpg" alt="">
              </div>
            </div>
            <div class="ho">
              <div class="left">
                <p>浏览更多</p>
                <p>热门</p>
              </div>
              <div class="right">
                <img src="img/yuan.png" alt="">
              </div>
            </div>
          </li>
        </ul>
      </div>
    </div>



    <div class="box">
      <div class="div">
        <p class="h3">智能</p>
        <ul>
          <li>热门</li>
          <li>出行</li>
          <li>健康</li>
          <li>酷玩</li>
          <li>路由器</li>
        </ul>
      </div>
      <div class="div1">
        <div class="set">
          <img src="img/9.jpg" alt="">
          <img src="img/10.jpg" alt="">
        </div>
        <ul>
          <li class="ho">
            <img src="img/54.jpg" alt="">
            <p>小米电视4A 49英寸</p>
            <p>7.1-7.31 直降300</p>
            <p>2299元</p>
          </li>
          <li class="ho">
            <img src="img/55.jpg" alt="">
            <p>小米电视4A 49英寸</p>
            <p>7.1-7.31 直降300</p>
            <p>2299元</p>
          </li>
          <li class="zhe ho">
            <img src="img/56.png" alt="">
            <p>小米电视4A 49英寸</p>
            <p>7.1-7.31 直降300</p>
            <p>2299元</p>
            <div class="cons">
              新品
            </div>
          </li>
          <li class="ho">
            <img src="img/57.jpg" alt="">
            <p>小米电视4A 49英寸</p>
            <p>7.1-7.31 直降300</p>
            <p>2299元</p>
          </li>
          <li class="zhe ho">
            <img src="img/58.jpg" alt="">
            <p>小米电视4A 49英寸</p>
            <p>7.1-7.31 直降300</p>
            <p>2299元</p>
            <div class="cons">
              新品
            </div>
          </li>
          <li class="zhe ho">
            <img src="img/59.jpg" alt="">
            <p>小米电视4A 49英寸</p>
            <p>7.1-7.31 直降300</p>
            <p>2299元</p>
            <div class="cons">
              新品
            </div>
          </li>
          <li class="ho">
            <img src="img/60.jpg" alt="">
            <p>小米电视4A 49英寸</p>
            <p>7.1-7.31 直降300</p>
            <p>2299元</p>
          </li>
          <li>
            <div class="ho">
              <div class="left">
                <p>米家扫地机</p>
                <p>2499元</p>
              </div>
              <div class="right">
                <img src="img/8.jpg" alt="">
              </div>
            </div>
            <div class="ho">
              <div class="left">
                <p>浏览更多</p>
                <p>热门</p>
              </div>
              <div class="right">
                <img src="img/yuan.png" alt="">
              </div>
            </div>
          </li>
        </ul>
      </div>
    </div>


    <div class="box">
      <div class="div">
        <p class="h3">搭配</p>
        <ul>
          <li>热门</li>
          <li>耳机音响</li>
          <li>电池</li>
          <li>电池储存卡</li>

        </ul>
      </div>
      <div class="div1">
        <div class="set">
          <img src="img/11.jpg" alt="">
          <img src="img/16.jpg" alt="">
        </div>
        <ul>
          <li class="ho">
            <img src="img/12.jpg" alt="">
            <p>小米电视4A 49英寸</p>
            <p>7.1-7.31 直降300</p>
            <p>2299元</p>
          </li>
          <li class="ho">
            <img src="img/13.jpg" alt="">
            <p>小米电视4A 49英寸</p>
            <p>7.1-7.31 直降300</p>
            <p>2299元</p>
          </li>
          <li class="ho">
            <img src="img/14.png" alt="">
            <p>小米电视4A 49英寸</p>
            <p>7.1-7.31 直降300</p>
            <p>2299元</p>
          </li>
          <li class="ho">
            <img src="img/15.jpg" alt="">
            <p>小米电视4A 49英寸</p>
            <p>7.1-7.31 直降300</p>
            <p>2299元</p>
          </li>
          <li class="ho">
            <img src="img/17.jpg" alt="">
            <p>小米电视4A 49英寸</p>
            <p>7.1-7.31 直降300</p>
            <p>2299元</p>
          </li>
          <li class="ho">
            <img src="img/18.jpg" alt="">
            <p>小米电视4A 49英寸</p>
            <p>7.1-7.31 直降300</p>
            <p>2299元</p>
          </li>
          <li class="ho">
            <img src="img/19.jpg" alt="">
            <p>小米电视4A 49英寸</p>
            <p>7.1-7.31 直降300</p>
            <p>2299元</p>
          </li>
          <li>
            <div class="ho">
              <div class="left">
                <p>米家扫地机</p>
                <p>2499元</p>
              </div>
              <div class="right">
                <img src="img/8.jpg" alt="">
              </div>
            </div>
            <div class="ho">
              <div class="left">
                <p>浏览更多</p>
                <p>热门</p>
              </div>
              <div class="right ">
                <img src="img/yuan.png" alt="">
              </div>
            </div>
          </li>
        </ul>
      </div>
    </div>


    <div class="box">
      <div class="div">
        <p class="h3">周边</p>
        <ul>
          <li>热门</li>
          <li>服装</li>
          <li>米兔</li>
          <li>生活周边</li>
          <li>箱包</li>

        </ul>
      </div>
      <div class="div1">
        <div class="set">
          <img src="img/31.jpg" alt="">
          <img src="img/36.jpg" alt="">
        </div>
        <ul>
          <li class="ho">
            <img src="img/32.jpg" alt="">
            <p>小米电视4A 49英寸</p>
            <p>7.1-7.31 直降300</p>
            <p>2299元</p>
          </li>
          <li class="ho">
            <img src="img/33.jpg" alt="">
            <p>小米电视4A 49英寸</p>
            <p>7.1-7.31 直降300</p>
            <p>2299元</p>
          </li>
          <li class="ho">
            <img src="img/34.jpg" alt="">
            <p>小米电视4A 49英寸</p>
            <p>7.1-7.31 直降300</p>
            <p>2299元</p>
          </li>
          <li class="ho">
            <img src="img/35.jpg" alt="">
            <p>小米电视4A 49英寸</p>
            <p>7.1-7.31 直降300</p>
            <p>2299元</p>
          </li>
          <li class="ho">
            <img src="img/37.jpg" alt="">
            <p>小米电视4A 49英寸</p>
            <p>7.1-7.31 直降300</p>
            <p>2299元</p>
          </li>
          <li class="ho">
            <img src="img/38.jpg" alt="">
            <p>小米电视4A 49英寸</p>
            <p>7.1-7.31 直降300</p>
            <p>2299元</p>
          </li>
          <li class="ho">
            <img src="img/39.jpg" alt="">
            <p>小米电视4A 49英寸</p>
            <p>7.1-7.31 直降300</p>
            <p>2299元</p>
          </li>
          <li>
            <div class="ho">
              <div class="left">
                <p>米家扫地机</p>
                <p>2499元</p>
              </div>
              <div class="right">
                <img src="img/8.jpg" alt="">
              </div>
            </div>
            <div class="ho">
              <div class="left">
                <p>浏览更多</p>
                <p>热门</p>
              </div>
              <div class="right">
                <img src="img/yuan.png" alt="">
              </div>
            </div>
          </li>
        </ul>
      </div>
    </div>

    <p class="h3">为你推荐</p>
    <ul class="mian1">
      <li class="li ho">
        <img src="img/41.jpg" alt="">
        <p>红米note 4x</p>
        <p>4100mAh超长续航，多彩金属</p>
        <p>999元起</p>
      </li>
      <li class="li ho">
        <img src="img/42.jpg" alt="">
        <p>红米note 4x</p>
        <p>4100mAh超长续航，多彩金属</p>
        <p>999元起</p>
      </li>
      <li class="li ho">
        <img src="img/43.jpg" alt="">
        <p>红米note 4x</p>
        <p>4100mAh超长续航，多彩金属</p>
        <p>999元起</p>
      </li>
      <li class="li ho">
        <img src="img/44.jpg" alt="">
        <p>红米note 4x</p>
        <p>4100mAh超长续航，多彩金属</p>
        <p>999元起</p>
      </li>
      <li class="li ho">
        <img src="img/45.jpg" alt="">
        <p>红米note 4x</p>
        <p>4100mAh超长续航，多彩金属</p>
        <p>999元起</p>
      </li>
    </ul>


    <p class="h3">热评推荐</p>
    <ul class="ren">
      <li>
        <div class="top">
          <img src="img/s1.png" alt="">
        </div>
        <div class="bottom">
          <p>超级喜欢! 小巧玲珑！音质完美！不知道为什么！只要是小米出的东西我都喜欢！哪倒是因为一句？？小米为发... </p>
          <p>来自于 田密的评价</p>
          <p>小米随身蓝牙音箱 | <span>60元</span></p>
        </div>
      </li>

      <li>
        <div class="top">
          <img src="img/s2.png" alt="">
        </div>
        <div class="bottom">
          <p>超级喜欢! 小巧玲珑！音质完美！不知道为什么！只要是小米出的东西我都喜欢！哪倒是因为一句？？小米为发... </p>
          <p>来自于 田密的评价</p>
          <p>小米随身蓝牙音箱 | <span>60元</span></p>
        </div>
      </li>
      <li>
        <div class="top">
          <img src="img/s3.png" alt="">
        </div>
        <div class="bottom">
          <p>超级喜欢! 小巧玲珑！音质完美！不知道为什么！只要是小米出的东西我都喜欢！哪倒是因为一句？？小米为发... </p>
          <p>来自于 田密的评价</p>
          <p>小米随身蓝牙音箱 | <span>60元</span></p>
        </div>
      </li>
      <li>
        <div class="top">
          <img src="img/s4.png" alt="">
        </div>
        <div class="bottom">
          <p>超级喜欢! 小巧玲珑！音质完美！不知道为什么！只要是小米出的东西我都喜欢！哪倒是因为一句？？小米为发... </p>
          <p>来自于 田密的评价</p>
          <p>小米随身蓝牙音箱 | <span>60元</span></p>
        </div>
      </li>
    </ul>
    <p class="h3">内容</p>
    <ul class="nei">
      <li>
        <p>图书</p>
        <p>哈利.波特与被租走的孩子</p>
        <p>哈利.波特第八个故事中文版震撼来</p>
        <p>袭！特别彩排版剧本</p>
        <p>29.37元</p>
        <img src="img/h1.png" alt="">
      </li>
      <li>
        <p>MIUI主题</p>
        <p>夏日狂想</p>
        <p>哈利.波特第八个故事中文版震撼来</p>
        <p>袭！特别彩排版剧本</p>
        <p>29.37元</p>
        <img src="img/h2.jpg" alt="">
      </li>
      <li>
        <p>游戏</p>
        <p>米有手游模拟器</p>
        <p>哈利.波特第八个故事中文版震撼来</p>
        <p>袭！特别彩排版剧本</p>
        <p>29.37元</p>
        <img src="img/h3.png" alt="">
      </li>
      <li>
        <p>应用</p>
        <p>2017金米奖</p>
        <p>哈利.波特第八个故事中文版震撼来</p>
        <p>袭！特别彩排版剧本</p>
        <p>29.37元</p>
        <img src="img/h4.png" alt="">
      </li>
    </ul>


    <p class="h3">视频</p>
    <ul class="ren shi">
      <li>
        <div class="top">
          <img src="img/50.jpg" alt="">
        </div>
        <div class="bottom">
          <p class="pp">听雷总讲述小米7年工艺探索之路 </p>
          <p class="pp">小米6,7年工艺探索之路</p>
        </div>
      </li>

      <li>
        <div class="top">
          <img src="img/51.jpg" alt="">
        </div>
        <div class="bottom">
          <p class="pp">小米6外观设计视频 </p>
          <p class="pp">震惊！小米6竟然如此之美</p>
        </div>
      </li>

      <li>
        <div class="top">
          <img src="img/52.jpg" alt="">
        </div>
        <div class="bottom">
          <p class="pp">小米电视4 外观设计视频 </p>
          <p class="pp">美哭了！史上最美的小米电视</p>
        </div>
      </li>

      <li>
        <div class="top">
          <img src="img/53.jpg" alt="">
        </div>
        <div class="bottom">
          <p class="pp">4.9mm极超薄电视的诞生揭秘 </p>
          <p class="pp">小米电视工程师讲述极致之作的背后故事</p>
        </div>
      </li>
    </ul>
  </div>

  <footer>
    <ul class="footerOne">
      <li><img src="img/tu1.png" alt="">预约维修服务</li>
      <li><img src="img/tu2.png" alt="">7天无理由退货</li>
      <li><img src="img/tu3.png" alt="">15天免费换货</li>
      <li><img src="img/tu4.png" alt="">满150元包邮</li>
      <li><img src="img/tu5.png" alt="">520余家售后网点</li>
    </ul>
    <ul class="footerTow">
      <li>
        <p>帮助中心 </p>
        <p>账户管理</p>
        <p>购物指南</p>
        <p>订单操作</p>
      </li>
      <li>
        <p>服务支持</p>
        <p>售后政策</p>
        <p>自助服务</p>
        <p>相关下载</p>
      </li>
      <li>
        <p> 线下门店</p>
        <p>小米之家</p>
        <p>服务网点</p>
        <p>零售网点</p>
      </li>
      <li>
        <p>关于小米</p>
        <p>了解小米</p>
        <p>加入小米</p>
        <p>联系我们</p>
      </li>
      <li>
        <p>关注我们</p>
        <p>新浪微博</p>
        <p>小米部落</p>
        <p>官方微信</p>
      </li>

      <li>
        <h2>小米客服</h2>
        <p>7×24小时全天陪伴</p>
        <p>为你解决问题</p>
        <div>
          <img src="img/xin.png" alt=""> 立即开始咨询
        </div>
      </li>
    </ul>

  </footer>
  <div class="di clear">
    <ul class="foot">
      <li>
        <img src="img/logo.png" alt="">
      </li>
      <li>
        <p>小米商城 | MIUI | 米聊 | 多看书城 | 小米路由器 | 视频电话 | 小米天猫店 | 小米淘宝直营店 | 小米网盟 | 小米移动 | 隐私政策 | Select Region</p>
        <p>©mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2014]0059-0009号 </p>
        <p>违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
      </li>
      <li>
        <img src="img/v-4.png" alt="">
        <img src="img/v-logo-1.png" alt="">
        <img src="img/v-logo-2.png" alt="">
        <img src="img/v-logo-3.png" alt="">
      </li>
    </ul>
    <div style="clear:both">
      <p>搜索黑科技，小米为发骚而生。</p>
    </div>
  </div>
</body>

  <script src="js/dome.js"></script>

</html>
